// 我的订单  
<template>
  <div class="myOrder">
    <nav-login></nav-login>
    <order-logo></order-logo>
    <div class="w1200">
      <div class="content">
        <div class="content-left">
          <headFrame></headFrame>
          <left-nav></left-nav>
        </div>

        <div class="content-right">
          <router-view></router-view>
        </div>
      </div>
    </div>
    <home-footer></home-footer>
  </div>
</template>
<script>
import OrderLogo from "./OrderLogo" // 头像框
import headFrame from "./components/HeadFrame" // 头像框
import leftNav from "./components/LeftNav" // 左侧导航栏
export default {

  name: "myOrder",

  // beforeRouteEnter(to, from, next) {
  //   next(vm => {
  //     vm.$store.commit('personalCenter', false)
  //   })
  // },
  
  // beforeRouteLeave (to, from, next) {
  //   this.$store.commit('personalCenter', true)
  //   next()
  // },

  components: {
    OrderLogo,
    headFrame,
    leftNav
  }
}
</script>
<style lang="scss" scoped>
.myOrder {
  background: #f3f3f3;
  .w1200 {
    width: 1200px;
    margin: auto;
    .content {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      .content-left {
        margin-bottom: 320px;
      }
      .content-right {
        box-sizing: border-box;
        background-color: #fff;
        width: 1000px;
        min-height: 600px;
      }
    }
  }
}
</style>
